<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"><head> 
<meta name="viewport" content="width=default-width, initial-scale=1" />
<title>Jarvis -- Cause Kevin is terrible at this </title> 

<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.css" />
<link rel="stylesheet" href="/jarvis/static/css/jarvis_mobile.css" />
</head> 

<body onresize="format()"> 

<div data-role="page">

<div data-role="header">
 {% if username %}
  <h3>{{username}}</h3>
	<a href="/jarvis/logout.html" class="ui-btn-right">Logout</a>
 {% else %}
	<a href="/jarvis/login.html" class="ui-btn-right">Login</a>
 {% endif %}

	<a href="/jarvis/options.html" data-icon="gear" class="ui-btn-left">Options</a>

	<span class="ui-title" />
</div>



 <div data-role="content">

{% block content %}{% endblock %}
{% if username %}
</div>

<div data-role="footer"  data-id="main_footer" data-position="fixed">		
	<div data-role="navbar">
		<ul>
			<li><a href="/jarvis" data-icon="home">Home</a></li>

			<li><a href="/jarvis/addareaform.html" data-icon="plus">Area</a></li>
			<li><a href="/jarvis/addgroupform.html" data-icon="plus">Group</a></li>
			<li><a href="/jarvis/adddeviceform.html" data-icon="plus">Device</a></li>
		</ul>
	</div><!-- /navbar -->
</div><!-- /footer -->
  
</div> 
<script>
</script>


{% endif %}
